*{
    margin: 0;
    padding: 0;
}
.navbar{
    height: 2100px;
}
.content{
    top: 4%;
    width: 100%;
}
.cont-xiju{
    padding-bottom: 3%;
    width: 1170px;
    margin: 0 auto;
}
.xi-title p{
    font-size: 15px;
    color: #7A7C7F;
    font-weight: bold;
}
.xi-title h1{
    font-size: 50px;
}
.xi-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 6%;
}
.xi-content .xi-img{
    flex-basis: 19%;
    padding: 0.5%;
    margin-bottom: 3%;
    overflow: hidden;
}
.xi-img:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    transition: all 0.5s;
}
.xi-img:hover img{
    transform: scale(1.03,1.03);
    transition: all 0.1s;
}
.xi-img img{
    width: 100%;
    display: inline-block;
}
.time{
    display: flex;
    justify-content: space-between;
}
.time p{
    font-size: 13px;
}
.time p span{
    color: red;
}
.cont-yugao{
    padding: 5% 0;
}
.yu-left{
    float: left;
    width: 50%;
}
.mao{
    background-color: #F9F5F7;
    padding: 4% 0;
}
.cont-mao{
    
    width: 1170px;
    margin: 0 auto;
}
.yu-left span{
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    color: #7A7C7F;
    margin-top: 10%;
}
.yu-left h1{
    font-size: 50px;
    margin: 5% 0;
}
.cont-yugao{
    width: 1170px;
    margin: 0 auto;
}
.copyright{
    top: 0;
}